<!DOCTYPE html>


<html>


    <head> 


        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


        <title>Welcome Froshies!</title>


        <link rel="stylesheet" href="style.css" type="text/css" media="all" />

        <script type ="text/javascript"src="validation.js"></script>

        <script type ="text/javascript"src="frontjs.js"></script>


    </head>


    <body>


        <div id="welcome">

            <div id="front">

                <img src="images/updated.png" usemap="#frontmap" onmouseover="hideimages()" onmouseout="hideimages()">
                <img src="images/CompanyLogos/C2.jpg" id="C2" ">
                     <img src="images/CompanyLogos/Cara.jpg" id="cara">
                <img src="images/CompanyLogos/CloseUp.png" id="closeup">
                <img src="images/CompanyLogos/DLSAA.jpg" id="dlsaa">
                <img src="images/CompanyLogos/EGI.jpg" id="egi">
                <img src="images/CompanyLogos/Goodles.jpg" id="goodles">
                <img src="images/CompanyLogos/gbt.jpg" id="gbt">
                <img src="images/CompanyLogos/GreenR.jpg" id="greenr">
                <img src="images/CompanyLogos/Henry.jpg" id="henry">
                <img src="images/CompanyLogos/HSierra.jpg" id="siera">
                <img src="images/CompanyLogos/Hygienix.png" id="hygi">
                <img src="images/CompanyLogos/Jansport.jpg" id="jansport">
                <img src="images/CompanyLogos/KFC.jpg" id="kfc">
                <img src="images/CompanyLogos/Kickers.jpg" id="kickers">
                <img src="images/CompanyLogos/NailFiles.png" id="nail">
                <img src="images/CompanyLogos/Penshoppe.jpg" id="penshp">
                <img src="images/CompanyLogos/PUSO.jpg" id="puso">
                <img src="images/CompanyLogos/smb.jpg" id="smb">
                <img src="images/CompanyLogos/Sanuk.jpg" id="sanuk">
                <img src="images/CompanyLogos/Snap.jpg" id="snap">
                <img src="images/CompanyLogos/SkinWhite.jpg" id="skin">
                <img src="images/CompanyLogos/Sun.png" id="sun">
                <img src="images/CompanyLogos/Providence.jpg" id="provi">
                <img src="images/CompanyLogos/Splash.jpg" id="splash">
                <img src="images/CompanyLogos/UPad.jpg" id="upad">
                <img src="images/CompanyLogos/Vitress.jpg" id="vitress">
            </div>

            <map name="frontmap">

                <area shape="rect" coords="0,0,100,120" alt="C2" onmouseover="showimage('C2')"/>
                <area shape="rect" coords="0,121,100,220" alt="cara" onmouseover="showimage('cara')"/>
                <area shape="rect" coords="101,0,400,150" alt="closeup" onmouseover="showimage('closeup')"/>
                <area shape="rect" coords="101,151,230,300" alt="dlsaa" onmouseover="showimage('dlsaa')"/>
                <area shape="rect" coords="231,151,330,270" alt="egi" onmouseover="showimage('egi')"/>
                <area shape="rect" coords="401,0,530,100" alt="goodles" onmouseover="showimage('goodles')"/>
                <area shape="rect" coords="0,211,100,290" alt="gbt" onmouseover="showimage('gbt')"/>
                <area shape="rect" coords="0,291,100,370" alt="greenr" onmouseover="showimage('greenr')"/>
                <area shape="rect" coords="0,371,100,520" alt="henry" onmouseover="showimage('henry')"/>
                <area shape="rect" coords="101,271,350,420" alt="siera" onmouseover="showimage('siera')"/>
                <area shape="rect" coords="101,421,400,510" alt="hygi" onmouseover="showimage('hygi')"/>
                <area shape="rect" coords="301,151,500,280" alt="jansport" onmouseover="showimage('jansport')"/>
                <area shape="rect" coords="301,281,445,425" alt="kfc" onmouseover="showimage('kfc')"/>
                <area shape="rect" coords="405,421,705,510" alt="kickers" onmouseover="showimage('kickers')"/>
                <area shape="rect" coords="535,0,635,80" alt="nail" onmouseover="showimage('nail')"/>
                <area shape="rect" coords="711,421,1010,510" alt="penshp" onmouseover="showimage('penshp')"/>
                <area shape="rect" coords="1011,421,1210,510" alt="puso" onmouseover="showimage('puso')"/>
                <area shape="rect" coords="520,221,710,420" alt="smb" onmouseover="showimage('smb')"/>
                <area shape="rect" coords="760,340,940,420" alt="sanuk" onmouseover="showimage('sanuk')"/>
                <area shape="rect" coords="970,340,1170,410" alt="skin" onmouseover="showimage('skin')"/>
                <area shape="rect" coords="650,0,1000,80" alt="provi" onmouseover="showimage('provi')"/>
                <area shape="rect" coords="700,85,950,170" alt="splash" onmouseover="showimage('splash')"/>
                <area shape="rect" coords="951,0,1250,200" alt="sun" onmouseover="showimage('sun')"/>
                <area shape="rect" coords="951,201,1250,300" alt="upad" onmouseover="showimage('upad')"/>
                <area shape="rect" coords="720,201,950,300" alt="vitress" onmouseover="showimage('vitress')"/>

            </map>		


        </div>       


        <div id="button">



            <a href="HomePage.php"><img src="images/enterbutton.png" onmouseover="hideimages()" onmouseout="hideimages()"></img></a>

        </div>



    </body>

</html>
